<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>时钟</h1>
    <div></div>
</body>
    <script>
        let d = document.getElementsByTagName("div")[0]

        function showTime() {
            //获取当前时间
            let now = new Date()
            d.innerText = now.toLocaleString()
        }

        // 定时器 window.setInterval(函数名,1000);  clearInterval清除定时器
        function change() {
            // 第一个参数：定时执行的任务 第二个参数：周期执行的时间 单位ms
            setInterval(showTime, 1000)
        }
        // 延时器 window.setTimeout(函数名,2000);
        // 第一个参数：定时执行的函数 第二个参数：延时时间，单位ms
        setTimeout(change, 3000)
    </script>
</html>